<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    /**
        子集选择器 选的是指定元素的子元素
        写法: 是在指定元素后面加'>' 再加需要选择的后代
        注意: 指定的父元素和子元素嵌套关系必须符合Html规则
     */
    ul>li{
        color: yellow;
    }
</style>
<body>
    <ul>
        0
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <a>我是儿子</a>
        <li>我也是儿子</li>
        <div>
            <a class="sonson" href="www.baidu.com">孙子</a>
            <ol>
                <li>我也是孙子</li>
            </ol>
        </div>
    </ul>
</body>
</html>